import React, { Component } from "react";
import PropTypes from "prop-types";
import markAvatar from "@ali/ding-avatar"

class Avatar extends Component {
  constructor(props) {
    super(props);
  }
  static propTypes = {
    name: PropTypes.string.isRequired, // 真实姓名，  如果没有avatar，会取姓名
    size: PropTypes.string.isRequired, // 大小，单位是任何可用的css长度单位。 如px
    font: PropTypes.string.isRequired, // 字体大小
    avatar: PropTypes.string, // 头像
    className: PropTypes.string, // 类名
    width:PropTypes.number,//宽度
    fontSize:PropTypes.number,//字体大小
    style: PropTypes.object, // inline style
    children: PropTypes.any
  };
  render() {
    const { avatar, name, className,width = 80,fontSize = 24} = this.props;
    const url = markAvatar(avatar, name, fontSize, width)//url :string name: string return base64编码
    const avatarDet = <img className={className} src={url}/>
    return avatarDet; 
  }
}
export default Avatar;
